<template>
  <div id="app" style="height: 100%; overflow: scroll">
    <router-view/>
    <Tab :tabitems="items"/>
  </div>
</template>
<script>
  import Tab from './components/TabBar/tabs'
  export default {
      components: {
          Tab
      },
      data() {
          return{
              color: '#DF2E26',
              items: [
                  {
                      title: "首页",
                      path: "/home",
                      icon: require("./components/TabBar/unHome.png"),
                      iconSelect: require("./components/TabBar/Home.png")
                  },
                  {
                      title: "签到邀请",
                      path: "/sign",
                      icon: require("./components/TabBar/unSign.png"),
                      iconSelect: require("./components/TabBar/Sign.png")
                  },
                  {
                      title: "健康咨询",
                      path: "/consult",
                      icon: require("./components/TabBar/unConsu.png"),
                      iconSelect: require("./components/TabBar/Consu.png")
                  },
                  {
                      title: "个人中心",
                      path: "/mine",
                      icon: require("./components/TabBar/unMine.png"),
                      iconSelect: require("./components/TabBar/Mine.png")
                  }
              ]
          }
      },
  }
</script>
<style lang="stylus">

</style>
